<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ include file="../base.jsp"%>
<!DOCTYPE html>
<html>

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>数据 - AdminLTE2定制版</title>
    <meta name="description" content="AdminLTE2定制版">
    <meta name="keywords" content="AdminLTE2定制版">
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,factory-scalable=no" name="viewport">
    <!-- 页面meta /-->
    <style type="text/css">
    .select, .select ul, .select li, .select ol{
            /*首先清除 ul、ol、li 的默认样式*/
            list-style: none;
            list-style-type: none;
            margin: 0px;
            padding: 0px;
        }
    .select {
    padding: 0; /*内部不要留白*/
    margin: 2px;    /*外部留白 2px 是 select 默认样式*/
    line-height: 1.7em; /*行距可以自己设置，当然 1.7em 是最舒服的*/
    cursor: pointer;    /*设置鼠标指针样式为点按时候的指针*/
    position: relative; /*定位方式使用 relative 是为了设置后面 ol 的定位*/
    display: inline-block;  /*设置成 inline-block 才可以让内部元素撑开容器*/
    background: #fff;   /*先直接设置一个背景色只是以防万一下面的渐变色浏览器不支持*/
    background-image: -webkit-linear-gradient(#fff,#f5f5f5 49%,#eaeaea 50%, #f2f2f2);   /*使用 webkit 似有属性设置一次是因为 iOS 6 不支持常规渐变色写法*/
    background-image: linear-gradient(#fff,#f5f5f5 49%,#eaeaea 50%, #f2f2f2);   /*成规渐变色写法，主流浏览器都已经支持了*/
    border-width: 0;    /*确保没有边框*/
    border-radius: 4px; /*容器四角都设置圆角*/
    text-shadow: 0 1px 1px rgba(255,255,255,0.5);   /*文字阴影设置不设置无所谓*/
    box-shadow: 0 0 1px rgba(0,0,0,0.7), 0 1px 3px rgba(0,0,0,.15), inset 0 1px 2px rgba(255,255,255,0.5);  /*容器投影，第一个是模拟边框，第二个投影是仿真效果，第三个是白色内阴影增加质感，其实怎么写无所谓，你喜欢*/
    text-align: center;
        height: 32px;
        margin-bottom: 1px;
        width: 100px;
    }
    .select>span {
        padding: 2px 20px 2px .6em; /*右边留白 20px 是给箭头留的空位*/
        margin: 0;
        white-space: nowrap;    /*强制单行显示！*/
        position: relative; /*这里设置是为了让 ::after ::before 定位，其实不写就会继承上一层的，写多一次保险而已 */
    }
    .select>span::after, .select>span::before {
        content: "";    /*一定要设置 content 才能显示这两个伪元素的！*/
        position: absolute; /*使用绝对定位*/
        width: 0;
        height: 0;
        border: 4px solid #000;
        border-width: 4px 3px;
        right: 6px;
        top: 50%;
    }
    .select>span::after{
        /*transparent 是透明*/
        border-color: transparent transparent #444 transparent;
        margin-top: -10px;
    }
    .select>span::before {
        border-color: #444 transparent transparent transparent;
        margin-top: 2px;
    }
    .select>ol {
        display: none;  /*隐藏这个元素，后面使用 jQuery 可以显示出来的！*/
        position: absolute;
        background: #fff;
        padding: 5px 0; /*这里上下的留白最好就是和圆角的半径一致或者比圆角半径大*/
        border-width: 0;
        border-radius: 4px;
        left: 50%;
        /*
        *   因为设置了定位中 ol 左边相对 .select 的边线 50%
        *   下面使用 CSS3 中的偏移值纠正位置
        *   Left 的偏移百分比是计算父元素
        *   translate 的百分比是计算当前元素的 X Y 轴的数据
        *   所以这里 X 轴 -50% 是当前元素往左偏移自身长度一半的距离
        */
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        top: -2px;
        z-index: 2; /*这里是为了不让其他元素挡住 OL*/
        /*投影是必要的！造成一种「弹出」的层次感！*/
        box-shadow: 0 7px 10px rgba(0,0,0,.15), 0 0 1px rgba(0,0,0,0.3);
        overflow: auto;
    }
    .select>ol>li {
        border-width: 0;    /*同样确保没有边框*/
        padding: 0 1.5em;   /*两边内部留白是我的样式设置*/
        position: relative;
        white-space: nowrap;    /*强制单行显示*/
    }
    .select>ol>li:hover {
        /*
        *   这里 :hover 设置的是鼠标经过 li 时候的样式
        *   我设置是一种蓝色的渐变色。
        */
        background-image: linear-gradient(#609cfe, #5183d4);
        color: #fff;
        box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
        text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    }
    .selectol>li.select-cat::before {
        /*
        *设置选中状态
        */
        position: absolute;
        content: "✓";
        width: 1em;
        height: 18px;
        line-height: 18px;
        top: 50%;
        margin-top: -10px;
        left: 5px;
    }
    </style>

</head>
<body>
<div id="frameContent" class="content-wrapper" style="margin-left:0px;">
    <!-- 内容头部 -->
    <section class="content-header">
        <h1>
            系统管理
            <small>厂家信息管理</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="/"><i class="fa fa-dashboard"></i> 首页</a></li>
            <%--<li><a href="${ctx}/system/factory/list.do">用户列表</a></li>--%>
        </ol>
    </section>
    <!-- 内容头部 /-->

    <!-- 正文区域 -->
    <section class="content">

        <!--订单信息-->
        <div class="panel panel-default">
            <div class="panel-heading">厂家信息</div>
            <form id="editForm" action="${ctx}/baseInformation/add.do" method="post">
                <div class="row data-type" style="margin: 0px">

                    <div class="col-md-1 title">货物/附件</div>
                    <div class="col-md-5 data">
                        <%--<input type="text" style="display: none;" id="selectCtype" class="form-control" placeholder="厂家类型" name="ctype" value=""/>--%>
                        <select class="select" name="ctype">
                            <option value="货物">货物</option>
                            <option value="附件">附件</option>
                        </select>
                    </div>

                    <div class="col-md-1 title">厂家全称</div>
                    <div class="col-md-5 data">
                        <input type="text" class="form-control" placeholder="厂家全称" name="fullName" value="${factory.fullName}">
                    </div>

                    <div class="col-md-1 title">厂家简称</div>
                    <div class="col-md-5 data">
                        <input type="text" class="form-control" placeholder="厂家简称" name="factoryName" value="${factory.factoryName}">
                    </div>

                    <div class="col-md-1 title">联系人</div>
                    <div class="col-md-5 data">
                        <input type="text" class="form-control" placeholder="联系人" name="contacts" value="${factory.contacts}">
                    </div>

                    <div class="col-md-1 title">电话</div>
                    <div class="col-md-5 data">
                        <input type="text" class="form-control" placeholder="电话" name="phone" value="${factory.phone}">
                    </div>

                    <div class="col-md-1 title">手机</div>
                    <div class="col-md-5 data">
                        <input type="text" class="form-control" placeholder="手机" name="mobile" value="${factory.mobile}">
                    </div>

                    <div class="col-md-1 title">传真</div>
                    <div class="col-md-5 data">
                        <input type="text" class="form-control" placeholder="传真" name="fax" value="${factory.fax}">
                    </div>

                    <div class="col-md-1 title">地址</div>
                    <div class="col-md-5 data">
                        <input type="text" class="form-control" placeholder="地址" name="address" value="${factory.address}">
                    </div>

                    <div class="col-md-1 title">验货员</div>
                    <div class="col-md-5 data">
                        <input type="text" class="form-control" placeholder="验货员" name="inspector" value="${factory.inspector}">
                    </div>

                    <div class="col-md-1 title">说明</div>
                    <div class="col-md-5 data">
                        <input type="text" class="form-control" placeholder="说明" name="remark" value="${factory.remark}">
                    </div>

                    <div class="col-md-1 title">排序号</div>
                    <div class="col-md-5 data">
                        <input type="text" class="form-control" placeholder="排序号" name="orderNo" value="${factory.orderNo}">
                    </div>

                </div>
            </form>
        </div>
        <!--订单信息/-->

        <!--工具栏-->
        <div class="box-tools text-center">
            <button type="button" onclick='document.getElementById("editForm").submit()' class="btn bg-maroon">保存</button>
            <button type="button" class="btn bg-default" onclick="history.back(-1);">返回</button>
        </div>
        <!--工具栏/-->

    </section>
    <!-- 正文区域 /-->

</div>
<!-- 内容区域 /-->
</body>
<script src="${ctx}/plugins/datepicker/bootstrap-datepicker.js"></script>
<script src="${ctx}/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
<link rel="stylesheet" href="${ctx}/css/style.css">
<script>
    $('#datepicker').datepicker({
        autoclose: true,
        format: 'yyyy-mm-dd'
    });
    $('#datepicker1').datepicker({
        autoclose: true,
        format: 'yyyy-mm-dd'
    });
</script>
</html>